<template>
    <el-row>
        <el-col :span="18" :offset="3">
            <el-container style="min-height: 94vh">
                <el-aside width="300px" style="background-color: rgb(238, 241, 246); box-shadow: 0 2px 12px 0 rgba(0, 0, 0.5, 0.1);height: 100%">
                    <el-menu style="text-align: left;padding-left: 30px" >

                        <router-link to="/userCenter/userInfo">
                            <el-menu-item  index="1"><i class="el-icon-user-solid"></i>查看个人信息</el-menu-item>
                        </router-link>
                        <router-link to="/userCenter/editUser">
                            <el-menu-item index="2"><i class="el-icon-user-solid"></i>修改个人信息</el-menu-item>
                        </router-link>
                        <router-link to="/userCenter/manageBlog">
                            <el-menu-item index="3"><i class="el-icon-document"></i>文章管理</el-menu-item>
                        </router-link>
                        <router-link to="/userCenter/manageTag">
                            <el-menu-item index="4"><i class="el-icon-document"></i>专栏管理</el-menu-item>
                        </router-link>
                        <router-link to="/userCenter/manageGroup">
                            <el-menu-item index="5"><i class="el-icon-document"></i>收藏分组</el-menu-item>
                        </router-link>
                        <router-link to="/userCenter/favourBlog">
                            <el-menu-item index="6"><i class="el-icon-document"></i>喜欢的文章</el-menu-item>
                        </router-link>

                    </el-menu>
                </el-aside>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-col>
    </el-row>

</template>

<script>
export default {
    name: "UserCenter"
}
</script>

<style scoped>
a{
    text-decoration: none;
    color: black;
}
</style>